<!--
 * @Author: liyin 2179253556@qq.com
 * @Date: 2022-08-10 14:18:56
 * @LastEditors: liyin 2179253556@qq.com
 * @LastEditTime: 2023-02-14 11:22:38
 * @FilePath: \vite-project\src\component\OneTabs.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div class="one-tabs-box">
    <!-- 搜索 -->
    <van-search v-model="key_word" shape="round" placeholder="请输入学生姓名进行搜索" />
    <DateClassTree></DateClassTree>
    <!-- 列表 -->
    <div style="padding: 0 15px; font-size: 16px">
      <card v-for="(item, index) in 10" :key="index">
        <van-row>
          <van-col :span="16"> 08:00~09:10 第二节 </van-col>
          <van-col :span="8" style="text-align: right; color: #999">
            王明涛老师
          </van-col>
        </van-row>
        <card bgColor="#F9F9F9">
          <van-row style="margin-bottom: 10px">
            <van-col :span="7" style="color: #999">学生1</van-col>
            <van-col :span="17">刘林 高中部2022级01班</van-col>
          </van-row>
          <van-row style="margin-bottom: 10px">
            <van-col :span="7" style="color: #999">学生2</van-col>
            <van-col :span="17">刘林 高中部2022级01班</van-col>
          </van-row>
          <van-row style="margin-bottom: 10px">
            <van-col :span="7" style="color: #999">登记地点</van-col>
            <van-col :span="17">其它-在小树林</van-col>
          </van-row>
          <van-row style="margin-bottom: 10px">
            <van-col :span="7" style="color: #999">原因</van-col>
            <van-col :span="17">参加义务活动</van-col>
          </van-row>
          <van-row style="margin-bottom: 10px">
            <van-col :span="7" style="color: #999">登记时间</van-col>
            <van-col :span="17">2022-10-31 10:30:00</van-col>
          </van-row>
          <van-row>
            <van-col :span="7" style="color: #999">上传图片</van-col>
            <van-col :span="17">
              <van-image width="50" height="50" v-for="(k, i) in 3" :key="i" style="margin-right: 12px"
                src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg" />
            </van-col>
          </van-row>
        </card>
      </card>
    </div>
  </div>
</template>
<script lang="ts" setup>
import { ref, onMounted } from "vue";
import { useRouter } from "vue-router";
import recordImg from "../assets/image/ikon_no_record@2x.png";
const key_word = ref("");
const clientHeight = window.innerHeight - 180;
onMounted(() => { });
</script>
<style lang="scss" scoped>
.van-search {
  border-top: 1px solid #f7f7f7;
  padding: 15px 20px;
}
</style>
